<template>
  <view class="zongti">
    <navBar :title="title"></navBar>
    
    <view class="view_one">
      <view class="view_two">
        <text class="text_two">
          所在场区：
        </text>
        <select
          v-model="fieldValue"
          placeholder="请选择"
          size="large"
          style="width: 370rpx; height: 60rpx;"
        >
          <option
            v-for="item in fieldOptions"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          />
        </select>
      </view>
      
      <view class="view_two">
        <text class="text_two">
          所在栋舍：
        </text>
        <select
          v-model="buildingValue"
          placeholder="全部"
          size="large"
          style="width: 370rpx; height: 60rpx;"
        >
          <option
            v-for="item in buildingOptions"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          />
        </select>
      </view>
      
	  <yibing></yibing>
      
    </view>
	<navigator url="/pages/safety/xinzengxiaodu/xinzengxiaodu"  hover-class="navigator-hover" style="width: 80%;">
	<view class="fabu">+ 新增</view>
	</navigator>
  </view>
</template>

<script>
import navBar from '../../../pages/renwuguanli/component/navBar.vue';
import yibing from '../component/yibing.vue'

export default {
  data() {
    return {
      title: '猪只疫病',
      fieldValue: '',
      buildingValue: '',
      fieldOptions: [
        { value: '1', label: '场区1' },
        { value: '2', label: '场区2' },
        { value: '3', label: '场区3' }
      ],
      buildingOptions: [
        { value: '1', label: '栋舍1' },
        { value: '2', label: '栋舍2' },
        { value: '3', label: '栋舍3' }
      ]
    }
  },
  methods: {
    
  },
  components: {
    navBar,
    yibing
  }
}
</script>

<style>
.zongti {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.view_one {
  width: 100%;
  padding: 10rpx 40rpx;
}

.text_one {
  font-size: 40rpx;
}

.view_two {
  display: flex;
  width: 100%;
  height: 70rpx;
  padding: 20rpx 40rpx;
  margin-top: 20rpx;
  align-items: center;
}

.text_two {
  font-size: 35rpx;
}

.textduohang {
  width: 100%;
  padding: 0 10rpx;
  height: 200rpx;
  border: 1rpx solid black;
  margin-top: 20rpx;
}

.fabu {
  width: 100%%;
  background-color: rgb(0, 112, 255);
  height: 70rpx;
  color: white;
  text-align: center;
  line-height: 70rpx;
  margin-top: 100rpx;
  font-size: 40rpx;
}
</style>
